$(function () {

  // 获取轮播图信息
  getSlideInfo()
  function getSlideInfo() {
    $.ajax({
      url: baseUrl + '/slides',
      success(res) {
        res.forEach(item => {
          if (item.image) {
            if (!item.image.includes('http')) {
              item.image = baseUrl + item.image
            }
          }
        })
        console.log(res);
        const newHtml = template('settingSlide', { result: res })
        $('.handle').html(newHtml)

        handleDelete()
      },
      error(err) {
        console.log(err);
      }
    })
  }

  // 删除
  function handleDelete() {
    let id
    // 点击删除按钮时
    $('.handle .delete-btn').click(function () {
      id = $(this).attr('data-id')
      // 显示模态框
      $('.modul').addClass('show').removeClass('hide')
    })
    // 点击弹出框时
    $('.modul .content .delete').click(function () {
      $.ajax({
        url: baseUrl + '/slides/' + id,
        type: 'delete',
        success(res) {
          $('.modul').removeClass('show').addClass('hide')
          location.reload()
          getSlideInfo()
        },
        error(err) {
          console.log(err);
        }
      })
    })
  }


  $('.modul .cancel').click(function () {
    $('.modul').removeClass('show').addClass('hide')
  })


  // 新增轮播图

  upFile()
  // 头像上传
  function upFile() {
    $('#addImageInfo').on('change', function () {
      console.log('111');
      // file 是input框返回的一个文件数组
      let file = this.files[0]
      // 使用formData进行文件上传
      let form = new FormData()
      //将数据添加进去
      form.append('image', file)
      $.ajax({
        url: baseUrl + '/upload',
        type: 'POST',
        data: form,
        // 告诉$.ajax 不对请求参数处理
        processData: false,
        // 告诉$.ajax方法不要设置参数类型
        contentType: false,
        success(res) {
          $('#image').val(res[0].image)
          // 显示图片
        },
        error(err) {
          console.log(err);
        }

      })
    })
  }
  addSlide()
  function addSlide() {
    $('.addForm').on('submit', function () {
      const form = $(this).serialize()

      $.ajax({
        url: baseUrl + '/slides',
        type: 'post',
        data: form,
        success(res) {
          location.reload()
          getSlideInfo()
        },
        error(err) {
          console.log(err);
        }
      })

      return false
    })
  }
})